<!DOCTYPE html>
<html>
<head>
  <script src="../../../resources/testharness.js"></script>
  <script src="../../../resources/testharnessreport.js"></script>
  <script src="../../forms/resources/picker-common.js"></script>
</head>
<body>
<select id="menu">
  <option>foo</option>
  <option selected>bar</option>
  <option>qux</option>
  <option>baz</option>
</select>

<script>
async_test((t) => {
    accessibilityController.setNotificationListener(t.step_func((axnode, type) => {
        if (type == 'MarkDirty' && axnode.role == 'AXRole: AXMenuListOption')
            t.done();
    }));
    var menu = document.getElementById('menu');
    openPicker(menu, t, function () {
        assert_unreached('picker didn\'t open')
        t.done();
    });
    eventSender.keyDown('ArrowDown');
    window.setTimeout(function() {
        assert_unreached("Did not receive all accessibility notifications");
        t.done();
    }, 500);
}, 'Tests if typing an arrow key dispatches an a11y event.');

</script>
</body>
</html>
